<template>
  <div>
    <user-nav :title="title"/>
    <!-- <user-nav v-if="role === 'user'"/> -->
    <!-- <admin-nav v-if="role === 'admin' || role === 'super' "/> -->
    <slot/>
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  props:{
    title:{
      type: String,
      required: true
    }
  },
  components: {
    'user-nav': () => import('./NavBar'),
  },
  computed: {
    ...mapState(['role'])
  }
}
</script>